<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>个人中心</title>
  <link rel="stylesheet" href="../css/base.css"> <!-- 引入基础样式 -->
  <link rel="stylesheet" href="../css/form.css"> <!-- 引入表单样式 -->
</head>

<body>
  <div class="header container">个人中心
    <p style="display: block;">
      <a href="./rpwd.html">修改密码</a> <!-- 链接到修改密码页面 -->
      <a href="./index.html">回到首页</a> <!-- 链接到首页 -->
    </p>
  </div>
  <form>
    <label>
      用户名： <input type="text" class="username" disabled> <!-- 用户名输入框，禁用状态 -->
    </label>
    <label>
      年龄： <input type="text" class="age"> <!-- 年龄输入框 -->
    </label>
    <label>
      性别： <select class='gender'> <!-- 性别选择下拉框 -->
        <option value="">请选择</option> <!-- 默认提示选项 -->
        <option value="男">男</option> <!-- 男性选项 -->
        <option value="女">女</option> <!-- 女性选项 -->
      </select>
    </label>
    <label>
      昵称： <input type="text" class="nickname"> <!-- 昵称输入框 -->
    </label>
    <button>确认修改</button> <!-- 提交按钮 -->
  </form>
<script src="../js/self.js" type="module"></script> <!-- 引入自定义脚本 -->
</body>

</html>